<template>
  <div>
    <div class="Denglu-top">
      <span class="fanhui" @click="$router.back()"> <van-icon name="arrow-left" /> </span>
      <div class="a"><span>{{name}}</span></div>
    </div>
  </div>
</template>

<script>
export default {
   name : "dingbu",
   data() {
    return {
        
    }
   },
   props : {
    name:{
      type:String,
       required: true
    },
    }
}

</script>

<style>
.Denglu-top {
  position: relative;
  display: flex;
  justify-content: center;
  color: white;
  line-height: 50px;
  text-align: center;
  width: 100%;
  height: 50px;
  background: rgb(7, 193, 96);
}
.fanhui {
  position: absolute;
  left: 10px;
}
</style>